// small modal
.small-modal {
  .ant-modal-content {
    width: @bui-small-modal-width;
    border-radius: @bui-small-modal-border-radius;

    .ant-modal-close {
      top: -8px;
    }

    .ant-modal-header {
      padding: 8px 24px;
    }

    .ant-modal-footer {
      padding: 8px 24px;
    }
  }
}

// middle modal
.middle-modal {
  .ant-modal-content {
    width: @bui-middle-modal-width;
    border-radius: @bui-middle-modal-border-radius;
    max-height: @bui-middle-modal-max-height;
    overflow: auto;

    .ant-modal-close {
      top: -8px;
    }

    .ant-modal-header {
      padding: 8px 24px;
    }
  }
}

// large modal
.large-modal {
  .ant-modal-content {
    width: @bui-large-modal-width;
    border-radius: @bui-large-modal-border-radius;
    max-height: @bui-large-modal-max-height;
    overflow: auto;

    .ant-modal-close {
      top: -8px;
    }

    .ant-modal-header {
      padding: 8px 24px;
    }

    .ant-modal-footer {
      padding: 8px 24px;

      .most-left-button {
        float: left;
      }

      .for-margin-right {
        margin-right: 10px;
      }
    }
  }
}
